<div ng-show="currentCardHolder.authenticated">

    <div ng-controller="MyProfileCtrl">
    <h1> My Budget</h1>
    <br>
    <table
            style="border-color: black; text-align: left;"
            border="0" cellpadding="0" cellspacing="0">
        <tbody>
        <tr>
            <td style="vertical-align: middle; "><span
                    style="font-weight: bold; font-size: 14px; height: 40px">Monthly Budget
Left:</span><br>
            </td>
            <td style="vertical-align: middle; font-size: 14px; height: 40px "></b>{{visualdata.monthly_left_amount  | currency:"$":2:"'":"." }}
             
            </td>
        </tr>
        <tr>
            <td><span
                    style="font-weight: bold; font-size: 14px">$</span> <input name="addFunds" ng-model="fund.add_fund"><br>
            </td>
            <td style="vertical-align: middle;"><button ng-click="addFund()">Add
                Funds</button></td>
        </tr>
        </tbody>
    </table>

    </div>
</div>

 <center>
     <br/>
     <br/>
    <div ng-show="!currentCardHolder.authenticated">
        <font face="verdana,arial" size=-1>
            <table cellpadding='2' cellspacing='0' border='0' id='ap_table'>
                <tr><td bgcolor="red"><table width='100%'><tr><td bgcolor="#880000" align=center <b><font size=-1 color="white" face="verdana,arial"><b>Access Denied</b></font></th></tr>
                    <tr><td bgcolor="white" style="padding:5"><br>
                            <div style="font-size: 12px"> Please Login to see your Profile </div>
                        </td>
                    </tr></td></tr>

                      </table>

    </div>
 </center>


